<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Login</title>
  <link href="../../../lib/bootstrap/3.3.5/css/bootstrap.css" type="text/css" rel="stylesheet"/>

  <style>
    html, body, .container-table {
      height: 100%;
      background-color: #282B30 !important;
    }

    .container-table {
      display: table;
      color: white;
    }

    .vertical-center-row {
      display: table-cell;
      vertical-align: middle;
    }

    .vertical-20p {
      padding-top: 20%;
    }

    .vertical-10p {
      padding-top: 10%;
    }

    .logo {
      width: 15em;
      padding: 3em;
    }

    .loginForm .input-group {
      padding-bottom: 1em;
      height: 4em;
    }

    .input-group input {
      height: 4em;
    }
  </style>
</head>
<body>
<div id="res">
  <div class="container container-table">
    <div class="row vertical-10p">
      <div class="container">
        <!-- <img src="/static/img/logo.png" class="center-block logo">-->
        <div class="text-center col-md-4 col-sm-offset-4">
          <!-- errors -->
          <div v-if=response class="text-red"><p>{{response | capitalize }}</p></div>

          <!-- login form -->
          <form action="http://euvee.vicp.co/token" method="post" enctype="multipart/form-data" name="loginForm" class="ui form loginForm" id="loginForm" >
            <div class="input-group">
              <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
              <input class="form-control" name="username" placeholder="Username" type="text" v-model="username">
            </div>

            <div class="input-group">
              <span class="input-group-addon"><i class="fa fa-lock"></i></span>
              <input class="form-control" name="password" placeholder="Password" type="password" v-model="password">
            </div>
          </form>
          <button class="btn btn-primary btn-lg {{loading}}" v-on:click="onSubmitClick(user,$event)">Submit
          </button>

        </div>
      </div>
    </div>
  </div>
</div>
<script src="../../../lib/jquery/2.1.4/jquery-2.1.4.min.js"></script>
<script src="../../../lib/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="../../../node_modules/vue/dist/vue.js"></script>
<script src="../../../node_modules/vue-resource/dist/vue-resource.js"></script>
<script src="login-v1.js"></script>
</body>
</html>
